<template>
    <div class="tiao" v-show="show">
        <div>{{message}}</div>
    </div>
</template>

<script>
export default {
    name:'Tiao',
    props:{
        message:{
            type:String,
            default(){
                return''
            },
        },
        show:{
            type:Boolean,
            default(){
                return false
            }
        }
    }
}
</script>

<style scoped>
.tiao{
  padding: 8px 10px;
  background-color: rgba(0,0,0,.5);
  border-radius: 10px;
  color: #fff;
}
</style>